@import "@/common/common.scss";

.itemMoreFuncs {
  :global {
    .ant-menu-submenu-title {
      i.ant-menu-submenu-arrow {
        right: 2px;
      }
    }

    .ant-dropdown-menu-submenu-title {
      i.ant-dropdown-menu-submenu-arrow {
        right: 2px;
      }
    }

    .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled),
    .ant-dropdown-menu-submenu-title,
    .ant-menu-item,
    .ant-menu-submenu-title {
      color: #0044f5;
    }

    .ant-dropdown-menu-submenu-arrow {
      i {
        color: #0044f5;
      }
    }
  }
}

.card {
  :global {
    .ant-card-actions {
      li {
        > span {
          > a,
          a:hover,
          a:focus,
          a:active {
            font-size: px2Rem(12);
            color: #0044f5;
          }
        }

        .disabled {
          font-size: px2Rem(12);
          color: #9da4b4;
        }
      }
    }
  }

  .coverImg {
    position: relative;
    height: 160px;
    width: 100%;

    label {
      position: absolute;
      top: 0;
      left: 0;
      padding: 4px 15px 15px 5px;
    }

    input {
      background-color: transparent;
    }
  }
}
